<ul local-class='project-navigation-list'>
  <li local-class='list-item'>
    <LinkTo @route='logged-in.project.index' @model={{@project.id}} local-class='list-item-link'>
      {{inline-svg '/assets/home.svg' local-class='list-item-link-icon'}}
      <span local-class='list-item-link-text'>
        {{t 'components.project_navigation.dashboard_link_title'}}
      </span>
    </LinkTo>
  </li>

  <div local-class='section'>
    <strong local-class='section-title'>
      {{t 'components.project_navigation.revise'}}
    </strong>

    {{#if (get @permissions 'index_translations')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.revision.translations' @models={{array @project.id @selectedRevision}} local-class='list-item-link'>
          {{inline-svg '/assets/search.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.translations_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    {{#if (get @permissions 'correct_translation')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.conflicts' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/check.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.conflicts_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{else if (get @permissions 'update_translation')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.conflicts' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/pencil.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.translate_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    {{#if (get @permissions 'lint')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.revision.lint-translations' @models={{array @project.id @selectedRevision}} local-class='list-item-link'>
          {{inline-svg '/assets/warning.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.lint_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}
  </div>

  <div local-class='section'>
    <strong local-class='section-title'>
      {{t 'components.project_navigation.engage'}}
    </strong>

    {{#if (get @permissions 'index_collaborators')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.collaborators' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/users.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.collaborators_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    {{#if (get @permissions 'index_comments')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.comments' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/bubble.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.conversation_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    {{#if (get @permissions 'index_project_activities')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.activities' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/activity.svg' local-class='list-item-link-icon'}}

          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.activities_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}
  </div>

  <div local-class='section'>
    <strong local-class='section-title'>
      {{t 'components.project_navigation.manage'}}
    </strong>

    {{#if (get @permissions 'index_revisions')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.manage-languages' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/language.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.manage_languages_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    {{#if (get @permissions 'index_documents')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.files' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/file.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.sync_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    {{#if (get @permissions 'index_versions')}}
      <li local-class='list-item'>
        <LinkTo @route='logged-in.project.versions' @model={{@project.id}} local-class='list-item-link'>
          {{inline-svg '/assets/tag.svg' local-class='list-item-link-icon'}}
          <span local-class='list-item-link-text'>
            {{t 'components.project_navigation.versions_link_title'}}
          </span>
        </LinkTo>
      </li>
    {{/if}}

    <li local-class='list-item'>
      <LinkTo @route='logged-in.project.edit' @model={{@project.id}} local-class='list-item-link'>
        {{inline-svg '/assets/gear.svg' local-class='list-item-link-icon'}}
        <span local-class='list-item-link-text'>
          {{t 'components.project_navigation.settings_link_title'}}
        </span>
      </LinkTo>
    </li>
  </div>
</ul>